/*============================================================================*/
/* LAYOUT */
	/* Header */
	/* Breadcrumb */
	/* Content */
	/* Center LR Column */
	/* Left Right Column */
	/* Left Right Column Title */
	/* Left Right Column Content */
	/* Footer */
/* COLORING */
	/* hyper-link coloring */
	/* table coloring */
	/* XOOPS CSS - remaining for compatibility   */
/* XOOPS MAIN MENU */
	/* forms */
	/* XOOPS item */
	/* XOOPS Code & Quote */
	/* XOOPS com */
	/* XoopsComments */
	/* dhtmltextarea - just for menu skip */
/* XOOPS DIALOGUE MSG */
	/* errorMsg */
	/* confirmMsg */
	/* resultMsg */
	/* redirectMsg */
	/* ctrlMsg */
/* ANHCOR ICONS */
/* normal headings */
/* XOOPS_DIALOGUE */
/* XOOPS ADMIN SIDE */
	/* admin ctrl */
	/* admin header and footer */
	/* admin headings */
	/* admin left column */
	/* admin left column anchor */
	/* admin table */
	/* admin error */
	/* ModuleContents */
	/* table coloring for admin */
	/* block and modules control pannel */
/* HEADLINES SETTINGS */
/*============================================================================*/
/* LAYOUT */

body {
	font-size: 95%;
	background-color: #fff;
	color: #111;
	text-align: center;
	font-family: Meiryo, Helvetica, sans-serif;
	line-height: 140%;
}
body.ShowBlockL0R0 #Wrapper {
	width: 100%;
}
body.ShowBlockL1R0 #Wrapper {
	width: 100%;
}
body.ShowBlockL0R1 #Wrapper {
	width: 100%;
	float: left;
	margin-right: -306px;
}
body.ShowBlockL1R1 #Wrapper {
	width: 100%;
	float: left;
	margin-right: -306px;
}

body.ShowBlockL0R0 #CenterColumn {
	float: left;
	width: 100%;
}
body.ShowBlockL1R0 #CenterColumn {
	float: right;
	width: 100%;
	margin-left: -0px;
}
body.ShowBlockL0R1 #CenterColumn {
	margin-right: 306px;
}
body.ShowBlockL1R1 #CenterColumn {
	width: 100%;
	float: right;
	margin-left: -0px;
}

body.ShowBlockL1R0 #CenterWrapper {
	margin-left: 0px;
}
body.ShowBlockL1R1 #CenterWrapper {
	margin-right: 306px;
	margin-left: 0px;
}

div#Container {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	color: #111;
	background-color: #fff;
}

div#CenterWrapper {
	padding: 10px;
}

/* Header */
div#Header {
	width: 100%;
	height: 100px;
	border-bottom: #b1b1b1 solid 2px;
	font-family: Verdana, sans-serif;
	color: #111;
	background-color: #fff;
}
div#Header div#Sitename {
	font-weight: bold;
	padding: 22px 0 10px 10px;
	font-size: 210%;
	line-height: 100%;
}
div#Header div#Logo {
	float: left;
	padding: 10px 25px 0 20px;
}
div#Slogan {
	font-size: 120%;
	padding: 0 0 0 10px;
}
div#Header a:link,
div#Header a:visited {
	color: #111;
	text-decoration: none;
}


/* Breadcrumb */
div#breadcrumb,
div#theme_breadcrumbs {
	width: 100%;
	margin-bottom: 5px;
	border-bottom: #DDD solid 1px;
}

/* Content */
div#CenterColumn  h2.BlockTitle {
/*  border-bottom: #DDD dashed 1px; */
}
div#CenterColumn div.BlockContent,
div#ModuleContents {
	/*width:592px;*/
	font-size: 100%;
	padding-bottom:0px;
	margin-bottom:0px;
clear: both;
}

p {
	margin: 10px 0;
/*	clear: both; */
	margin-bottom: 10px;
}

/* Center LR Column */
div#CenterLColumn {
	float: left;
	width: 49%;
}
div#CenterRColumn {
	float: right;
	width: 49%;
}

div.CenterCblock {
	float: left;
	margin-bottom: 0px;
}

div.CenterLblock {
	clear: both;
}
div.CenterRblock {
	clear: both;
}

/* Left Right Column */
div#LeftColumn {
	overflow: auto; /* ugly? */
	float: left;
	background-color: #fff;
}
div#RightColumn {
	width:200px;
	float: right;
	background-color: #fff;
}

div.LeftBlock,
div.RightBlock {
	float: right;
	width:200px;
	padding: 10px 0;
}

/* Left Right Column Title */
div#LeftColumn h2.BlockTitle,
div#RightColumn h2.BlockTitle {
	color: #111;
	background-color: #f8f8f8;
	border-bottom: 1px #a0a0a0 solid;
	border-top: 1px #a0a0a0 solid;
	margin: 0 10px 5px 10px;
	padding: 3px 10px;
	font-size: 110%;
}
div#LeftColumn h3,
div#RightColumn h3,
div#LeftColumn h4,
div#RightColumn h4 {
	margin: 5px 0;
	font-size: 100%;
}

/* Left Right Column Content */
div#LeftColumn .BlockContent,
div#RightColumn .BlockContent,
div#LeftColumn .BlockContent p,
div#RightColumn .BlockContent p {
	text-align: left;
}


/* Footer */
div#BacktoTop {
	text-align: right;
	margin: 10px 0px 5px;
	clear: both;
	font-size: 80%;
}
div#Footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px #a0a0a0 solid;
	border-top: 1px #a0a0a0 solid;
	color: #111;
	background-color: #f8f8f8;
}
div#Footer p {
	margin: 0 10px;
	padding: 10px 0;
	text-align: left;
}

div#Banner {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}


/*============================================================================*/
/* table coloring */

.head {
	color: #111;
	background-color: #eee;
}
.even,
tr.even td {
	color: #111;
	background-color: #f8f8f8;
}
.odd,
tr.odd td {
	color: #111;
	background-color: #fff;
}
.foot {}

table.outer th,
table.outer1 th,
table.outer2 th,
table.outer3 th{
	color: #111;
	background-color: #f8f8f8;
}
table.outer thead tr th,
table.outer1 thead tr th,
table.outer2 thead tr th,
table.outer3 thead tr th {
	color: #111;
	background-color: #eee;
}
table.outer thead tr td,
table.outer1 thead tr td,
table.outer2 thead tr td,
table.outer3 thead tr td {
	background-color: #111;
	background-color: #f8f8f8;
}

/*============================================================================*/
/* XOOPS CSS - remaining for compatibility   */
/* img {border: 0;} */

#xoopsHiddenText {
	visibility: hidden;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pagneutral {
	font-size: 10px;
	width: 16px;
	height: 19px;
	text-align: center;
	background-image: url(./images/pagneutral.gif);
}
.pagact {
	font-size: 10px;
	width: 16px;
	height: 19px;
	text-align: center;
	background-image: url(./images/pagact.gif);
}
.paginact {
	font-size: 10px;
	width: 16px;
	height: 19px;
	text-align: center;
	background-image: url(./images/paginact.gif);
}

/*============================================================================*/
/* XOOPS MAIN MENU */
#mainmenu,
#usermenu {
	margin: 0 -10px;
	padding: 0;
	text-align: left;
}
#mainmenu li,
#usermenu li {
	display: inline;
}
#mainmenu a {
	text-decoration: none;
	display: block;
	border-bottom: #DDD solid 1px;
	margin: 0 1px;
}
#mainmenu a:hover {background-color: #ccc}
#mainmenu a.menuTop {padding: 5px 10px;}
#mainmenu a.menuMain {padding: 5px 10px;}
#mainmenu a.menuSub {padding: 5px 5px 5px 15px;}

#usermenu a {
	text-decoration: none;
	display: block;
	border-bottom: #DDD solid 1px;
	margin: 0 1px;
	padding: 5px 10px;
}
#usermenu a:hover { background-color: #ccc}
#usermenu a.menuTop {}
#usermenu a.highlight {
	background-color: #FCC;
}

/* forms */
#legacy_xoopsform_block_uname,
#legacy_xoopsform_block_pass,
#legacy_xoopsform_query_block,
#xoops_theme_select{
	width: 120px;
}

/* XOOPS item */
.item {}
.itemHead {
	padding: 3px;
	background-color: #666;
	color: #FFF;
}
.itemInfo {
	text-align: right;
	padding: 3px;
	background-color: #EFEFEF;
}
.itemTitle a {
	font-weight: bold;
	font-variant: small-caps;
	color: #FFF;
	background-color: transparent;
}
.itemPoster {
	font-size: 90%;
}
.itemPostDate {
	font-size: 90%;
}
.itemStats {
	font-size: 90%;
}
.itemBody {
	padding-left: 0px;
}
.itemText {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 100%;
}
.itemText: first-letter {}
.itemFoot {
	text-align: right;
	padding: 3px;
	background-color: #EFEFEF;
}
.itemAdminLink {
	font-size: 90%;
}
.itemPermaLink {
	font-size: 90%;
}
/* XOOPS Code & Quote */
div.xoopsCode {
	color: #111;
	background-color: #fafafa;
	border: 1px inset #000080;
	font-family: "Courier New",Courier,monospace;
	padding: 0px 6px 6px 6px;
}
div.xoopsQuote {
	color: #111;
	background-color: #fafafa;
	border: #336699 solid 1px;
	padding: 3px;
}

/* XOOPS com */
.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}
.comText {
	padding: 2px;
}
.comUserStat {
	font-size: 10px;
	color: #2F5376;
	font-weight: bold;
	border: 1px solid silver;
	background-color: #ffffff;
	margin: 2px;
	padding: 2px;
}
.comUserStatCaption {
	font-weight: normal;
}
.comUserStatus {
	margin-left: 2px;
	margin-top: 10px;
	color: #2F5376;
	font-weight: bold;
	font-size: 10px;
}
.comUserRank {
	margin: 2px;
}
.comUserRankText {
	font-size: 10px;font-weight: bold;
}
.comUserRankImg {
	border: 0;
}
.comUserName {}
.comUserImg {
	margin: 2px;
}
.comDate {
	font-weight: normal;
	font-style: italic;
	font-size: smaller;
}
.comDateCaption {
	font-weight: bold;
	font-style: normal;
}

/* XoopsComments */
div.XoopsCommentsInfo{}

ul#XoopsCommentsNavigation{
	padding: 0;
	margin: 5px 0;
}
ul#XoopsCommentsNavigation li{
	display: inline;
}
ul.XoopsCommentsThread{
	padding: 0;
	margin: 5px 0 15px;
}
ul.XoopsCommentsThread li{
	padding: 2px 0;
	list-style: none;
}
ul.XoopsCommentsThread li img{
	vertical-align: middle;
}
h3.XoopsCommentsTitle{
	padding: 3px 6px;
	background-color: #ddd;
}
h3.XoopsCommentsTitle img{
	vertical-align: middle;
}
h4.XoopsCommentsThreadTitle{
	border-bottom: 1px #aaa solid;
}
div.XoopsCommentsText{
	clear: both;
	padding: 3px 6px;
}
div.XoopsCommentsSub{
	position: relative;
	padding: 2px 6px;
	background-color: #eee;
}
div.XoopsCommentsCtrl{
	position: absolute;
	top: 2px;
	right: 6px;
}
hr.XoopsCommentsDivision{
	margin: 10px 0;
}

/* dhtmltextarea - just for menu skip */
.dhtmltextarea{
	position: relative;
}

/*============================================================================*/
/* XOOPS DIALOGUE MSG */
/* errorMsg */
.errorMsg {
	color: #111;
	background-color: #fcc;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* confirmMsg */
.confirmMsg {
	color: #136C99;
	background-color: #ddffdf;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* resultMsg */
.resultMsg {
	color: #333;
	background-color: #ccc;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* redirectMsg */
.redirectMsg {
	color: #111;
	background-color: #fafafa;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 15px 25px 10px;
}
/* ctrlMsg */
.ctrlMsg {
	color: #111;
	background-color: #fafafa;
	text-align: left;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 15px 25px 10px;
}

/*============================================================================*/
/* ANHCOR ICONS */

#CenterColumn a[href^="http:"]:after{
	margin: 0 2px;
	content: url(images/_common/ouklink.png);
}
#CenterColumn a[href^="https:"]:after {
	margin: 0 2px;
	content: url(images/_common/lock.png);
}
#CenterColumn a[href^="http://www.jafsa.org"]:after {
	margin: 0;
	content: "";
}
/*============================================================================*/
/* XOOPS_DIALOGUE */
.xoops_dialogue{
	color: #111;
	background-color: #eee;
}
#dialogue_title{
	padding: 3px 5px;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background-color: #666;
}
#dialogue_title img{
	vertical-align: middle;
	margin-right: 5px;
}

/*============================================================================*/
/* XOOPS ADMIN SIDE */

/* admin ctrl */
#admin_ctrl{
	border-bottom: 1px #666 solid;
	background-color: #666;
	text-align: right;
	padding: 5px 10px;
	line-height: 100%;
}
#admin_ctrl a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#admin_ctrl a:hover{
	color: #113;
}
#admin_ctrl a:before {
	margin: 0 3px;
	content: url(images/_common/menulist.gif);
}
#admin_ctrl a.direct:before {
	margin: 0 2px;
	content: url(images/_common/menulist_direct.gif);
}
#admin_ctrl a.end_of_shortcut{
	margin-right: 10px;
}

/* admin header and footer */
.AdminMode #Container{
	width: 100%;
	border: none;
}
.AdminMode #Header{
	height: 60px;
	background-color: #222;
}
.AdminMode #Header #Logo{
	margin: 0;
	padding: 0 10px;
}
.AdminMode div#Header div#Sitename {
	font-size: 150%;
	color: #fff;
}
.AdminMode div#Footer {
	color: #fff;
	background-color: #222;
}
.AdminMode div#Footer p a{
	color: #fff;
}

/* admin headings */
.AdminMode #CenterWrapper h2 {
	line-height: 100%;
	font-size: 110%;
	padding: 6px;
	border: none;
	margin: 0;
	color: #fff;
	background-color: #666;
}
.AdminMode #CenterWrapper h3 {
	line-height: 100%;
	font-size: 110%;
	padding: 6px;
	border-bottom: none !important;
	border-left: 8px#666 solid;
}
.AdminMode #CenterWrapper h4{
	margin: 10px 0 0;
	border-bottom: 1px#666 solid;
}

/* admin left column */
.AdminMode #LeftColumn h2.BlockTitle{
	font-size: 110%;
	margin: -10px 0 0;
	padding: 6px 10px;
	line-height: 100%;
	color: #fff;
	background-color: #222;
}
.AdminMode #LeftColumn div.adminmenu_block_main{
	margin: 0 -10px;
	clear: left;
	border-top: 1px #aaa solid;
}
.AdminMode #LeftColumn div.adminmenu_block_main img{
	padding: 4px 4px 2px 5px;
	float: left;
}

/* admin left column anchor */
.AdminMode #LeftColumn div.adminmenu_block_main a.adminmenu_block_main_module_name{
	font-weight: bold;
	color: #222;
	padding: 4px;
	display: block;
	text-decoration: none;
}
.AdminMode #LeftColumn div ul,
.AdminMode #LeftColumn div li{
	list-style: none;
	margin:0 -5px;
	padding:0;
	border: 1px #fff solid;}
.AdminMode #LeftColumn div li a{
	color: #222;
	padding: 3px 5px;
	display: block;
	text-decoration: none;
}
.AdminMode #LeftColumn div a:hover{
	color: #fff;
	background-color: #999;
}

/* admin table */
.AdminMode table.outer{
	margin: 10px 0;
	border-top: 1px #bbb solid;
	border-left: 1px #bbb solid;
	border-collapse: collapse;
}
.AdminMode table.outer th{
	text-align: center;
	color: #fff;
	background-color: #666;
}
.AdminMode table.outer th,
.AdminMode table.outer td {
	border-bottom: 1px #bbb solid;
	border-right: 1px #bbb solid;
}
.legacy_list_description{
	color: #333;
	font-size: 85%;
}


/* admin error */
div.error{
	color: #900;
	background-color: #eee;
	padding: 5px;
}
/* ModuleContents */
form.odd{
	border				:1px #aaa solid;
}

/* table coloring for admin */
.AdminMode .head {
	color: #fff;
	background-color: #666;
}
.AdminMode .even,
.AdminMode tr.even td {
	color: #111;
	background-color: #ddd;
}
.AdminMode .odd,
.AdminMode tr.odd td {
	color: #111;
	background-color: #fafafa;
}
.AdminMode .foot {}

.AdminMode table.outer th {
	color: #fff;
	background-color: #666;
}
.AdminMode table.outer thead tr th {
	color: #111;
	background-color: #666;
}
.AdminMode table.outer thead tr td {
	background-color: #111;
	background-color: #666;
}

/* block and modules control pannel */
.AdminMode td.legacy_blockside div {
	display: inline;
	padding: 1px;
}
.AdminMode td.legacy_blockside div *{
	vertical-align: middle;
}
.AdminMode td.legacy_blockside div.active {
	background-color: #edd;
}
.AdminMode td.legacy_blockside,
.AdminMode td.blockposition {
	white-space: nowrap !important;
}
.AdminMode tr.active td{
	background-color: #edd;
}
.AdminMode .tips {
	color: #111;
	background-color: #fafafa;
border: 1px #aaa solid;	padding: 10px 15px;
}